<template>
  <div class="smart-home">

    <!-- 待处理事项： -->
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <i class="el-icon-edit-outline icon-home"></i>
        <span class="home-title-text blue">待处理事项：</span>
      </div>
      <div class="text item">
        <div class="pending-items">
          <i class="el-icon-edit icon-home"></i>
          <p class="home-title-text">
            待审核用户：
            <router-link to="/FactoryInfoManage/registeCheck" tag="span" class="clicktosee">点击查看</router-link>
          </p>
        </div>
      </div>
      <div class="text item">
        <div class="pending-items">
          <i class="el-icon-edit icon-home"></i>
          <p class="home-title-text">
            待审核设备：
            <router-link to="/FrontedEquipment/equipmentCheck" tag="span" class="clicktosee">点击查看</router-link>
          </p>
        </div>
      </div>
    </el-card>

    <!-- 平台信息 -->
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <i class="el-icon-edit-outline icon-home"></i>
        <span class="home-title-text blue">平台信息：</span>
      </div>
      <div class="text item">
        <el-col :span="8">
          <el-card shadow="hover">
            <i class="home-icon-info"></i>
          </el-card>
        </el-col>
        <el-col :span="8">
          <el-card shadow="hover">
            <i class="home-icon-info"></i>
          </el-card>
        </el-col>
        <el-col :span="8">
          <el-card shadow="hover">

          </el-card>
        </el-col>
      </div>
    </el-card>

  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="scss">
  @font-face {
    font-family: 'home-icon';  /* project id 1135227 */
    src: url('//at.alicdn.com/t/font_1135227_lsinlt4um4.eot');
    src: url('//at.alicdn.com/t/font_1135227_lsinlt4um4.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1135227_lsinlt4um4.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1135227_lsinlt4um4.woff') format('woff'),
    url('//at.alicdn.com/t/font_1135227_lsinlt4um4.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1135227_lsinlt4um4.svg#iconfont') format('svg');
  }
  .text {
    font-size: 14px;
  }

  .blue {
    color: #1E88E5;
  }

  .icon-home {
      font-size: 25px;
      float: left;
      margin-right: 20px;
      color: #1E88E5;
    }

  .home-title-text {
      font-size: 16px;
      line-height: 25px;
  }

  .item {
    margin-bottom: 25px;
    height: 25px;

    p{
      .clicktosee {
        cursor: pointer;
        color: #1E88E5;
      }
    }
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 95%;
    margin:0 auto 20px;
  }
</style>
